<?php /*a:5:{s:64:"E:\web\wwwroot\blog_tp5\application\home\view\index\article.html";i:1556013999;s:62:"E:\web\wwwroot\blog_tp5\application\home\view\comm\header.html";i:1555483135;s:63:"E:\web\wwwroot\blog_tp5\application\home\view\comm\nav_top.html";i:1555929819;s:62:"E:\web\wwwroot\blog_tp5\application\home\view\comm\footer.html";i:1555614399;s:63:"E:\web\wwwroot\blog_tp5\application\home\view\comm\confirm.html";i:1555330038;}*/ ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><?php echo htmlentities($title); ?>-<?php echo htmlentities(app('lang')->get('web_name')); ?></title>
    <meta name="keywords" content="网站制作,博客,个人博客,个人网站,网站建设,网站模板">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="/icon.png">
<link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/static/css/animate.min.css">
<link rel="stylesheet" type="text/css" href="/static/css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="/static/css/home_style.css">
</head>
<body>
<div class="s-nav_top">
    <nav class="col-sm-10 ">
        <div class="col-sm-3 s-nav-div-log" data-desc="logo"><!--logo部分--></div>
        <div class="col-sm-9 s-nav-div-container-pc" data-desc="链接部分">
            <div class="s-nav_top-div">
                <!--<?php echo htmlentities($z_index=11111); ?>-->
                <ul class="s-nav_top-ul">
                    <?php if(is_array($top_menu_list) || $top_menu_list instanceof \think\Collection || $top_menu_list instanceof \think\Paginator): if( count($top_menu_list)==0 ) : echo "" ;else: $i=0; foreach($top_menu_list as $key=>$v): ++$i; ?>
                    <li style="z-index: <?php echo htmlentities($z_index-$i); ?>; ">
                        <?php if(isset($v['child']) && is_array($v['child'])): ?>
                        <a href="javascript:;" <?php if(in_array($v['config_url'],[$mca['ca']])): ?> class="s-nav_top-ul-li-a-select"<?php endif; ?> ><?php echo htmlentities($v['config_name']); ?>&nbsp;&nbsp;<i class="fa fa-sort-desc"></i></a>
                        <?php else: ?>
                        <a href="/<?php echo htmlentities($v['config_url']); ?>" <?php if(in_array($v['config_url'],[$mca['ca']])): ?> class="s-nav_top-ul-li-a-select"<?php endif; ?> ><?php echo htmlentities($v['config_name']); ?></a>
                        <?php endif; if(isset($v['child']) && is_array($v['child'])): ?>
                        <div  class="s-nav_top-div-child">
                            <ul class="s-nav_top-ul-child">
                                <?php if(is_array($v['child']) || $v['child'] instanceof \think\Collection || $v['child'] instanceof \think\Paginator): if( count($v['child'])==0 ) : echo "" ;else: $j=0; foreach($v['child'] as $k=>$val): ++$j; ?>
                                <li><a href="/<?php echo htmlentities($val['config_url']); ?>"><?php echo htmlentities($val['config_name']); ?></a></li>
                                <?php endforeach; endif; else: echo "" ;endif; ?>
                            </ul>
                        </div>
                        <?php endif; ?>
                    </li>
                    <?php endforeach; endif; else: echo "" ;endif; ?>

                    <!--<li>
                        <a href="javascript:;" class="s-nav_top-ul-li-a-select">关于我 &nbsp;<i class="fa fa-sort-desc"></i></a>
                        <div  class="s-nav_top-div-child">
                            <ul class="s-nav_top-ul-child">
                                <li><a>连接1</a></li>
                                <li><a>连接2</a></li>
                                <li><a>连接3</a></li>
                            </ul>
                        </div>
                    </li>-->
                </ul>
            </div>
        </div>
        <div class="col-sm-3 s-nav-div-container-m">
            <div style="" class="s-nav-div-container-m-box">
                <i class="fa fa-list-ul fa-3x" style="display: inline-block;line-height: 80px;width: 100%;text-align: center;color: #1f9a81;"></i>
                <ul>
                    <?php if(is_array($top_menu_list) || $top_menu_list instanceof \think\Collection || $top_menu_list instanceof \think\Paginator): if( count($top_menu_list)==0 ) : echo "" ;else: $i=0; foreach($top_menu_list as $key=>$v): ++$i; if(!isset($v['child']) || !is_array($v['child'])): ?>
                    <li><a href="/<?php echo htmlentities($v['config_url']); ?>"><?php echo htmlentities($v['config_name']); ?></a></li>
                    <?php endif; if(isset($v['child']) && is_array($v['child'])): ?>
                    <li>
                        <a href="javascript:;" class="s-nav-div-container-m-box-child_a"><?php echo htmlentities($v['config_name']); ?>&nbsp;<i class="fa fa-sort-desc"></i></a>
                        <ul>
                            <?php if(is_array($v['child']) || $v['child'] instanceof \think\Collection || $v['child'] instanceof \think\Paginator): if( count($v['child'])==0 ) : echo "" ;else: $j=0; foreach($v['child'] as $k=>$val): ++$j; ?>
                            <li><a href="/<?php echo htmlentities($val['config_url']); ?>"><?php echo htmlentities($val['config_name']); ?></a></li>
                            <?php endforeach; endif; else: echo "" ;endif; ?>
                        </ul>
                    </li>
                    <?php endif; ?>
                    <?php endforeach; endif; else: echo "" ;endif; ?>
                    <!--<li><a>aaaa</a></li>
                    <li><a>aaaab</a></li>
                    <li>
                        <a class="s-nav-div-container-m-box-child_a">child <i class="fa fa-sort-desc"></i></a>
                        <ul class="s-child-ul">
                            <li><a>caaa</a></li>
                            <li><a>caaa</a></li>
                            <li><a>caaa</a></li>
                        </ul>
                    </li>-->
                </ul>
            </div>
        </div>
    </nav>
</div>


<div class="col-sm-12">
    <div class="s-article-header">
        <article>
            <h4><?php echo htmlentities($article['media_title']); ?></h4>
            <ul>
                <li>作者：<?php echo htmlentities($article['member_user']); ?></li>
                <li>时间：<?php echo htmlentities($article['meida_add_time']); ?></li>
            </ul>
            <div class="s-article-content">
                <?php echo $article['media_content']; ?>
            </div>
        </article>

    </div>
</div>
<div class="col-sm-12" style="text-align: center">
    <?php if($lr['left'] != -1): ?>
    <a class="btn btn-primary" href="/Index/article/id/<?php echo htmlentities($lr['left']); ?>/cate_id/<?php echo htmlentities($article['media_category_id']); ?>">上一篇</a>
    <?php endif; if($lr['right'] != -1): ?>
    <a class="btn btn-primary" href="/Index/article/id/<?php echo htmlentities($lr['right']); ?>/cate_id/<?php echo htmlentities($article['media_category_id']); ?>">下一篇</a>
    <?php endif; ?>
</div>
<!-- 评论功能以后再弄-->
<div class="col-sm-12"></div>

<script type="text/javascript" src="/static/js/jq.min.js"></script>
<script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/js/app.js"></script>
<script type="text/javascript" src="/static/js/php.js"></script>
<script type="text/javascript" src="/static/js/swiper.animate.min.js"></script>
<script type="text/javascript" src="/static/js/swiper.min.js"></script>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="myModal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" >重要提示</h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade bs-example-modal-sm s-confirm" tabindex="-1" role="dialog" id="confirm" style="display: none;">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" align="center">重要提示</h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确定</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

<div class="tips" id="tips">
    <i class="fa fa-check fa-2x" data-success="fa fa-check fa-2x" data-error="fa fa-times fa-2x"></i>
    <span></span>
</div>
<div class="tips tips-fail" id="tips_error" data-type="error">
    <i class="fa fa-times fa-2x" data-success="fa fa-check fa-2x" data-error="fa fa-times fa-2x"></i>
    <span></span>
</div>

<script type="text/javascript">
    function del(url) {
        confirms(0,{body:"确定要删除吗？"},function () {
            var token = LO.get("token",1);
            location.href=url+"?token="+token;
        });
    }
    function confirms(select,config,fn) {
        (select) || (select="#confirm");
        (config) || (config={});
        var modal = $(select);
        modal.modal();
        var c=modal[0];
        var title = config.title ? config.title : "重要提示";
        var msg = config.body ? config.body : "";
        var btn1_desc = config.btn1 ? config.btn1 : "取消";
        var btn2_desc = config.btn2 ? config.btn2 : "确定";
        var modal_title = $(".modal-title",c);
        var modal_body = $(".modal-body",c);
        var btn1 = $(".btn-white",c);
        var btn2 = $(".btn-primary",c);
        modal_title.html(title);
        modal_body.html(msg);
        btn1.html(btn1_desc);
        btn2.html(btn2_desc);

        btn2.unbind("click mousedown");
        btn2.on("click",function (e) {
            (typeof fn === "function")&&fn(1);
            modal.modal("hide");
        });
    }
    
    function tips(select,message,fn,time) {
        (select) || (select="#tips");
        (message) || (message="操作成功");
        (time) || (time=1500);
        var W=(document.documentElement.clientWidth || window.innerWidth);
        var H=(document.documentElement.clientHeight || window.innerHeight);
        var tips = $(select);
        tips.attr("class","tips tips-action");
        (tips.attr("data-type")==="error") && tips.attr("class","tips tips-action tips-fail");

        $("span",tips[0]).html(message);
        clearTimeout(tips[0].idd);
        clearTimeout(tips[0].iddd);
        tips[0].iddd=setTimeout(function () {
            tips.css({top:((H-tips[0].offsetHeight)/2)+"px",left:((W-tips[0].offsetWidth)/2)+"px",opacity:1});
        },5);
        tips[0].idd=setTimeout(function () {
            tips.css({opacity:""});
            setTimeout(function () {
                tips.attr("class","tips");
                (typeof fn === "function")&&fn();
            },300);
        },time);
    }
    function tips_success(message,fn) {
        (message) || (message = "操作成功");
        tips("#tips",message,fn);
    }
    function tips_fail(message,fn) {
        (message) || (message = "操作失败");
        tips("#tips_error",message,fn);
    }
</script>

<script type="text/javascript">
    setTimeout(function () {
        $("body").addClass("overflow-y");
    },500);
    function toTop() {
        move.move(document.body, {scrollTop:0},500,false,1);
        move.move(document.documentElement, {scrollTop:0},500,false,1);
    }
    Events.add(window,'scroll',function (e) {
        var target = Events.getTarget(e);
        var scrollTop = document.documentElement.scrollTop>0 ? document.documentElement.scrollTop : document.body.scrollTop;
        clearTimeout(document.idd2019);
        document.idd2019 = setTimeout(function () {
            if (scrollTop>=400){
                $(".s-toTop").attr("class","s-toTop");
            } else{
                $(".s-toTop").attr("class","s-toTop s-toTop-hide");
            }
        },300);
    },true);
</script>

<div class="s-toTop s-toTop-hide">
    <i class="fa  fa-angle-up" onclick="toTop()"></i>
</div>
<div class="s-footer col-sm-12">
    <div class="col-sm-12">
        <p class="col-sm-12"><a href="http://www.miitbeian.gov.cn/">备案号：<?php echo htmlentities(app('config')->get('myconfig.ICP')); ?></a></p>
        <p class="col-sm-12"><?php echo htmlentities(app('config')->get('myconfig.Copyright')); ?></p>
    </div>
</div>

<script type="text/javascript" src="/static/js/code.js"></script>
<script type="text/javascript">
    /*代码高亮 begin*/
    var preE=document.getElementsByTagName('pre');
    function preCode(){
        preg=/{{.*?}}/g
        foreach(preE,function(arr,i,value){
            var arr_=value.className.match(preg);
            if (is_array(arr_)) {
                var tag_g=arr_[0];
                var tag_i=tag_g.replace(/({{|}})/g,"");
                var k_v=tag_i.split("=");
                var htmlC=value.innerHTML;
                (tag_g!=="")&&(value.innerHTML="<code "+k_v[0]+" = '"+k_v[1]+"'>"+htmlC+"</code>");
            }
        });
    }
    preCode();
    /*代码高亮 end*/

</script>
<style type="text/css">
    /*@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade{10%{transform:scale(1, 1)}35%{transform:scale(1, 1.7)}40%{transform:scale(1, 1.7)}50%{opacity:1}60%{transform:scale(1, 1)}100%{transform:scale(1, 1);opacity:0}}[data-language] code,[class^="lang"] code,pre [data-language],pre [class^="lang"]{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";animation:fade-in 50ms ease-in-out 2s forwards}[data-language] code.rainbow,[class^="lang"] code.rainbow,pre [data-language].rainbow,pre [class^="lang"].rainbow{animation:none;transition:opacity 50ms ease-in-out}[data-language] code.loading,[class^="lang"] code.loading,pre [data-language].loading,pre [class^="lang"].loading{animation:none}[data-language] code.rainbow-show,[class^="lang"] code.rainbow-show,pre [data-language].rainbow-show,pre [class^="lang"].rainbow-show{opacity:1}pre{position:relative}pre.loading .preloader div{animation-play-state:running}pre.loading .preloader div:nth-of-type(1){background:#0081f5;animation:fade 1.5s 300ms linear infinite}pre.loading .preloader div:nth-of-type(2){background:#5000f5;animation:fade 1.5s 438ms linear infinite}pre.loading .preloader div:nth-of-type(3){background:#9000f5;animation:fade 1.5s 577ms linear infinite}pre.loading .preloader div:nth-of-type(4){background:#f50419;animation:fade 1.5s 715ms linear infinite}pre.loading .preloader div:nth-of-type(5){background:#f57900;animation:fade 1.5s 853ms linear infinite}pre.loading .preloader div:nth-of-type(6){background:#f5e600;animation:fade 1.5s 992ms linear infinite}pre.loading .preloader div:nth-of-type(7){background:#00f50c;animation:fade 1.5s 1130ms linear infinite}pre .preloader{position:absolute;top:12px;left:10px}pre .preloader div{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:4px;opacity:0;animation-play-state:paused;animation-fill-mode:forwards}pre{background-color:#000;word-wrap:break-word;margin:0px;padding:10px;color:#fff;font-size:14px;margin-bottom:20px}pre,code{font-family:'Monaco', 'Menlo', courier, monospace}pre{background:#404040;color:#dedede}pre .comment{color:#709070;font-style:italic}pre .integer{color:#22C0FF}pre .storage{color:#6080FF}pre .string{color:#FF2020}pre .keyword,pre .selector{color:#ffffa0}pre .inherited-class{font-style:italic}pre .entity{color:#F09040}pre .support{color:#C83730}pre .variable.class{color:#FF8000}*/

    /*@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade{10%{transform:scale(1, 1)}35%{transform:scale(1, 1.7)}40%{transform:scale(1, 1.7)}50%{opacity:1}60%{transform:scale(1, 1)}100%{transform:scale(1, 1);opacity:0}}[data-language] code,[class^="lang"] code,pre [data-language],pre [class^="lang"]{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";animation:fade-in 50ms ease-in-out 2s forwards}[data-language] code.rainbow,[class^="lang"] code.rainbow,pre [data-language].rainbow,pre [class^="lang"].rainbow{animation:none;transition:opacity 50ms ease-in-out}[data-language] code.loading,[class^="lang"] code.loading,pre [data-language].loading,pre [class^="lang"].loading{animation:none}[data-language] code.rainbow-show,[class^="lang"] code.rainbow-show,pre [data-language].rainbow-show,pre [class^="lang"].rainbow-show{opacity:1}pre{position:relative}pre.loading .preloader div{animation-play-state:running}pre.loading .preloader div:nth-of-type(1){background:#0081f5;animation:fade 1.5s 300ms linear infinite}pre.loading .preloader div:nth-of-type(2){background:#5000f5;animation:fade 1.5s 438ms linear infinite}pre.loading .preloader div:nth-of-type(3){background:#9000f5;animation:fade 1.5s 577ms linear infinite}pre.loading .preloader div:nth-of-type(4){background:#f50419;animation:fade 1.5s 715ms linear infinite}pre.loading .preloader div:nth-of-type(5){background:#f57900;animation:fade 1.5s 853ms linear infinite}pre.loading .preloader div:nth-of-type(6){background:#f5e600;animation:fade 1.5s 992ms linear infinite}pre.loading .preloader div:nth-of-type(7){background:#00f50c;animation:fade 1.5s 1130ms linear infinite}pre .preloader{position:absolute;top:12px;left:10px}pre .preloader div{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:4px;opacity:0;animation-play-state:paused;animation-fill-mode:forwards}pre{background-color:#000;word-wrap:break-word;margin:0px;padding:10px;color:#fff;font-size:14px;margin-bottom:20px}pre,code{font-family:'Monaco', 'Menlo', courier, monospace}pre{background:#141414;color:#F8F8F8}pre .comment{color:#5F5A60}pre .constant.numeric{color:#D87D50}pre .constant{color:#889AB4}pre .constant.symbol,pre .constant.language{color:#D87D50}pre .storage{color:#F9EE98}pre .string{color:#8F9D6A}pre .string.regexp{color:#E9C062}pre .keyword,pre .selector,pre .storage{color:#CDA869}pre .inherited-class{color:#9B5C2E}pre .entity{color:#FF6400}pre .support{color:#9B859D}pre .support.magic{color:#DAD69A}pre .variable{color:#7587A6}pre .function,pre .entity.class{color:#9B703F}pre .support.class-name,pre .support.type{color:#AB99AC}*/

    /*@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade{10%{transform:scale(1, 1)}35%{transform:scale(1, 1.7)}40%{transform:scale(1, 1.7)}50%{opacity:1}60%{transform:scale(1, 1)}100%{transform:scale(1, 1);opacity:0}}[data-language] code,[class^="lang"] code,pre [data-language],pre [class^="lang"]{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";animation:fade-in 50ms ease-in-out 2s forwards}[data-language] code.rainbow,[class^="lang"] code.rainbow,pre [data-language].rainbow,pre [class^="lang"].rainbow{animation:none;transition:opacity 50ms ease-in-out}[data-language] code.loading,[class^="lang"] code.loading,pre [data-language].loading,pre [class^="lang"].loading{animation:none}[data-language] code.rainbow-show,[class^="lang"] code.rainbow-show,pre [data-language].rainbow-show,pre [class^="lang"].rainbow-show{opacity:1}pre{position:relative}pre.loading .preloader div{animation-play-state:running}pre.loading .preloader div:nth-of-type(1){background:#0081f5;animation:fade 1.5s 300ms linear infinite}pre.loading .preloader div:nth-of-type(2){background:#5000f5;animation:fade 1.5s 438ms linear infinite}pre.loading .preloader div:nth-of-type(3){background:#9000f5;animation:fade 1.5s 577ms linear infinite}pre.loading .preloader div:nth-of-type(4){background:#f50419;animation:fade 1.5s 715ms linear infinite}pre.loading .preloader div:nth-of-type(5){background:#f57900;animation:fade 1.5s 853ms linear infinite}pre.loading .preloader div:nth-of-type(6){background:#f5e600;animation:fade 1.5s 992ms linear infinite}pre.loading .preloader div:nth-of-type(7){background:#00f50c;animation:fade 1.5s 1130ms linear infinite}pre .preloader{position:absolute;top:12px;left:10px}pre .preloader div{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:4px;opacity:0;animation-play-state:paused;animation-fill-mode:forwards}pre{background-color:#000;word-wrap:break-word;margin:0px;padding:10px;color:#fff;font-size:14px;margin-bottom:20px}pre,code{font-family:'Monaco', 'Menlo', courier, monospace}pre{background:#FFF;color:#000;font-size:12px;line-height:16px}pre .comment{color:#7E7E7E;font-style:italic}pre .constant{color:#18838A;font-weight:bold}pre .storage{color:#0000A1}pre .string{color:#8E0022}pre .keyword,pre .selector{color:#0000A1;font-weight:bold}pre .inherited-class{font-style:italic}pre .entity{color:#3E853F}pre .support{color:#192140}pre .variable.global,pre .variable.class,pre .variable.instance{color:#3E853F}*/

    /*@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade{10%{transform:scale(1, 1)}35%{transform:scale(1, 1.7)}40%{transform:scale(1, 1.7)}50%{opacity:1}60%{transform:scale(1, 1)}100%{transform:scale(1, 1);opacity:0}}[data-language] code,[class^="lang"] code,pre [data-language],pre [class^="lang"]{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";animation:fade-in 50ms ease-in-out 2s forwards}[data-language] code.rainbow,[class^="lang"] code.rainbow,pre [data-language].rainbow,pre [class^="lang"].rainbow{animation:none;transition:opacity 50ms ease-in-out}[data-language] code.loading,[class^="lang"] code.loading,pre [data-language].loading,pre [class^="lang"].loading{animation:none}[data-language] code.rainbow-show,[class^="lang"] code.rainbow-show,pre [data-language].rainbow-show,pre [class^="lang"].rainbow-show{opacity:1}pre{position:relative}pre.loading .preloader div{animation-play-state:running}pre.loading .preloader div:nth-of-type(1){background:#0081f5;animation:fade 1.5s 300ms linear infinite}pre.loading .preloader div:nth-of-type(2){background:#5000f5;animation:fade 1.5s 438ms linear infinite}pre.loading .preloader div:nth-of-type(3){background:#9000f5;animation:fade 1.5s 577ms linear infinite}pre.loading .preloader div:nth-of-type(4){background:#f50419;animation:fade 1.5s 715ms linear infinite}pre.loading .preloader div:nth-of-type(5){background:#f57900;animation:fade 1.5s 853ms linear infinite}pre.loading .preloader div:nth-of-type(6){background:#f5e600;animation:fade 1.5s 992ms linear infinite}pre.loading .preloader div:nth-of-type(7){background:#00f50c;animation:fade 1.5s 1130ms linear infinite}pre .preloader{position:absolute;top:12px;left:10px}pre .preloader div{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:4px;opacity:0;animation-play-state:paused;animation-fill-mode:forwards}pre{background-color:#000;word-wrap:break-word;margin:0px;padding:10px;color:#fff;font-size:14px;margin-bottom:20px}pre,code{font-family:'Monaco', 'Menlo', courier, monospace}pre{background-color:#1d1f21;color:#c5c8c6}pre .comment{color:#969896}pre .variable.global,pre .variable.class,pre .variable.instance{color:#c66}pre .constant.numeric,pre .constant.language,pre .constant.hex-color,pre .keyword.unit{color:#de935f}pre .constant,pre .entity,pre .entity.class,pre .support{color:#f0c674}pre .constant.symbol,pre .string{color:#b5bd68}pre .entity.function,pre .support.css-property,pre .selector{color:#81a2be}pre .keyword,pre .storage{color:#b294bb}*/

    /*@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade{10%{transform:scale(1, 1)}35%{transform:scale(1, 1.7)}40%{transform:scale(1, 1.7)}50%{opacity:1}60%{transform:scale(1, 1)}100%{transform:scale(1, 1);opacity:0}}[data-language] code,[class^="lang"] code,pre [data-language],pre [class^="lang"]{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";animation:fade-in 50ms ease-in-out 2s forwards}[data-language] code.rainbow,[class^="lang"] code.rainbow,pre [data-language].rainbow,pre [class^="lang"].rainbow{animation:none;transition:opacity 50ms ease-in-out}[data-language] code.loading,[class^="lang"] code.loading,pre [data-language].loading,pre [class^="lang"].loading{animation:none}[data-language] code.rainbow-show,[class^="lang"] code.rainbow-show,pre [data-language].rainbow-show,pre [class^="lang"].rainbow-show{opacity:1}pre{position:relative}pre.loading .preloader div{animation-play-state:running}pre.loading .preloader div:nth-of-type(1){background:#0081f5;animation:fade 1.5s 300ms linear infinite}pre.loading .preloader div:nth-of-type(2){background:#5000f5;animation:fade 1.5s 438ms linear infinite}pre.loading .preloader div:nth-of-type(3){background:#9000f5;animation:fade 1.5s 577ms linear infinite}pre.loading .preloader div:nth-of-type(4){background:#f50419;animation:fade 1.5s 715ms linear infinite}pre.loading .preloader div:nth-of-type(5){background:#f57900;animation:fade 1.5s 853ms linear infinite}pre.loading .preloader div:nth-of-type(6){background:#f5e600;animation:fade 1.5s 992ms linear infinite}pre.loading .preloader div:nth-of-type(7){background:#00f50c;animation:fade 1.5s 1130ms linear infinite}pre .preloader{position:absolute;top:12px;left:10px}pre .preloader div{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:4px;opacity:0;animation-play-state:paused;animation-fill-mode:forwards}pre{background-color:#000;word-wrap:break-word;margin:0px;padding:10px;color:#fff;font-size:14px;margin-bottom:20px}pre,code{font-family:'Monaco', 'Menlo', courier, monospace}pre .comment{color:#AEAEAE;font-style:italic}pre .constant{color:#3387CC}pre .storage{color:#99CF50}pre .string,pre .entity.name.class,pre .comment.docstring{color:#65B042}pre .string.regexp{color:#E9C062}pre .string.constant{color:#DDF2A4}pre .constant.hex-color{color:#DD7B3B}pre .support,pre .tag.script,pre .function.call{color:#dad085}pre .support.css-property{color:#C5AF75}pre .support.tag.style{color:#fff}pre .keyword,pre .selector{color:#E28964}pre .keyword.namespace{color:#3387CC;font-weight:bold}pre .inherited-class{font-style:italic}pre .entity,pre .variable.instance,pre .support.namespace,pre .support.tag,pre .support.tag-name{color:#89BDFF}pre .entity.name.id{color:#8693A5}pre .variable,pre .variable.global{color:#3E87E3}*[data-language="c"] .function.call{color:#8DA6CE}*/

    /*@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade{10%{transform:scale(1, 1)}35%{transform:scale(1, 1.7)}40%{transform:scale(1, 1.7)}50%{opacity:1}60%{transform:scale(1, 1)}100%{transform:scale(1, 1);opacity:0}}[data-language] code,[class^="lang"] code,pre [data-language],pre [class^="lang"]{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";animation:fade-in 50ms ease-in-out 2s forwards}[data-language] code.rainbow,[class^="lang"] code.rainbow,pre [data-language].rainbow,pre [class^="lang"].rainbow{animation:none;transition:opacity 50ms ease-in-out}[data-language] code.loading,[class^="lang"] code.loading,pre [data-language].loading,pre [class^="lang"].loading{animation:none}[data-language] code.rainbow-show,[class^="lang"] code.rainbow-show,pre [data-language].rainbow-show,pre [class^="lang"].rainbow-show{opacity:1}pre{position:relative}pre.loading .preloader div{animation-play-state:running}pre.loading .preloader div:nth-of-type(1){background:#0081f5;animation:fade 1.5s 300ms linear infinite}pre.loading .preloader div:nth-of-type(2){background:#5000f5;animation:fade 1.5s 438ms linear infinite}pre.loading .preloader div:nth-of-type(3){background:#9000f5;animation:fade 1.5s 577ms linear infinite}pre.loading .preloader div:nth-of-type(4){background:#f50419;animation:fade 1.5s 715ms linear infinite}pre.loading .preloader div:nth-of-type(5){background:#f57900;animation:fade 1.5s 853ms linear infinite}pre.loading .preloader div:nth-of-type(6){background:#f5e600;animation:fade 1.5s 992ms linear infinite}pre.loading .preloader div:nth-of-type(7){background:#00f50c;animation:fade 1.5s 1130ms linear infinite}pre .preloader{position:absolute;top:12px;left:10px}pre .preloader div{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:4px;opacity:0;animation-play-state:paused;animation-fill-mode:forwards}pre{background-color:#000;word-wrap:break-word;margin:0px;padding:10px;color:#fff;font-size:14px;margin-bottom:20px}pre,code{font-family:'Monaco', 'Menlo', courier, monospace}pre{background:#fdf6e3;color:#657b83}pre .comment{color:#93a1a1}pre .constant{color:#657b83}pre .constant.language{color:#268bd2}pre .constant.regexp{color:#2aa198}pre .storage{color:#268bd2}pre .string,pre .comment.docstring{color:#2aa198}pre .support.tag.script,pre .support.tag.style{color:#2aa198}pre .string.regexp{color:#2aa198}pre .string.regexp.open,pre .string.regexp.close{color:#2aa198}pre .keyword,pre .selector{color:#859900}pre .inherited-class{font-style:italic}pre .entity{color:#b58900}pre .support.method{color:#657b83}pre .support.property{color:#657b83}pre .variable.global,pre .variable.class,pre .variable.instance{color:#657b83}pre .support,*[data-language="c"] .function.call{color:#859900}*/

    @keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade{10%{transform:scale(1, 1)}35%{transform:scale(1, 1.7)}40%{transform:scale(1, 1.7)}50%{opacity:1}60%{transform:scale(1, 1)}100%{transform:scale(1, 1);opacity:0}}[data-language] code,[class^="lang"] code,pre [data-language],pre [class^="lang"]{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";animation:fade-in 50ms ease-in-out 2s forwards}[data-language] code.rainbow,[class^="lang"] code.rainbow,pre [data-language].rainbow,pre [class^="lang"].rainbow{animation:none;transition:opacity 50ms ease-in-out}[data-language] code.loading,[class^="lang"] code.loading,pre [data-language].loading,pre [class^="lang"].loading{animation:none}[data-language] code.rainbow-show,[class^="lang"] code.rainbow-show,pre [data-language].rainbow-show,pre [class^="lang"].rainbow-show{opacity:1}pre{position:relative}pre.loading .preloader div{animation-play-state:running}pre.loading .preloader div:nth-of-type(1){background:#0081f5;animation:fade 1.5s 300ms linear infinite}pre.loading .preloader div:nth-of-type(2){background:#5000f5;animation:fade 1.5s 438ms linear infinite}pre.loading .preloader div:nth-of-type(3){background:#9000f5;animation:fade 1.5s 577ms linear infinite}pre.loading .preloader div:nth-of-type(4){background:#f50419;animation:fade 1.5s 715ms linear infinite}pre.loading .preloader div:nth-of-type(5){background:#f57900;animation:fade 1.5s 853ms linear infinite}pre.loading .preloader div:nth-of-type(6){background:#f5e600;animation:fade 1.5s 992ms linear infinite}pre.loading .preloader div:nth-of-type(7){background:#00f50c;animation:fade 1.5s 1130ms linear infinite}pre .preloader{position:absolute;top:12px;left:10px}pre .preloader div{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:4px;opacity:0;animation-play-state:paused;animation-fill-mode:forwards}pre{background-color:#000;word-wrap:break-word;margin:0px;padding:10px;color:#fff;font-size:14px;margin-bottom:20px}pre,code{font-family:'Monaco', 'Menlo', courier, monospace}pre{background:#272822}pre .comment{color:#75715E}pre .constant{color:#AE81FF}pre .storage{color:#66D9EF;font-style:italic}pre .string,pre .comment.docstring{color:#E6DB74}pre .support.tag{color:#fff}pre .keyword{color:#F92672}pre .selector,pre .storage.modifier.extends{color:#F92672}pre .inherited-class{font-style:italic}pre .operator,pre .support.tag-name,pre .entity.tag{color:#F92672}pre .entity,pre .support.attribute,pre .entity.attribute{color:#A6E22E}pre .entity.name.type,pre .entity.name.struct{color:#fff}pre .support,pre *[data-language="c"] .function.call{color:#66D9EF}pre .css-property,pre .storage.function{font-style:italic}pre .variable.global,pre .variable.class,pre .variable.instance{color:#A6E22E}[data-language="html"] .support.operator,.lang-html .support.operator,.language-html .support.operator{color:#fff}[data-language="javascript"] .variable.super,.lang-javascript .variable.super,.language-javascript .variable.super{color:#66D9EF}[data-language="js"] .variable.super,.lang-js .variable.super,.language-js .variable.super{color:#66D9EF}

    /*@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade{10%{transform:scale(1, 1)}35%{transform:scale(1, 1.7)}40%{transform:scale(1, 1.7)}50%{opacity:1}60%{transform:scale(1, 1)}100%{transform:scale(1, 1);opacity:0}}[data-language] code,[class^="lang"] code,pre [data-language],pre [class^="lang"]{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";animation:fade-in 50ms ease-in-out 2s forwards}[data-language] code.rainbow,[class^="lang"] code.rainbow,pre [data-language].rainbow,pre [class^="lang"].rainbow{animation:none;transition:opacity 50ms ease-in-out}[data-language] code.loading,[class^="lang"] code.loading,pre [data-language].loading,pre [class^="lang"].loading{animation:none}[data-language] code.rainbow-show,[class^="lang"] code.rainbow-show,pre [data-language].rainbow-show,pre [class^="lang"].rainbow-show{opacity:1}pre{position:relative}pre.loading .preloader div{animation-play-state:running}pre.loading .preloader div:nth-of-type(1){background:#0081f5;animation:fade 1.5s 300ms linear infinite}pre.loading .preloader div:nth-of-type(2){background:#5000f5;animation:fade 1.5s 438ms linear infinite}pre.loading .preloader div:nth-of-type(3){background:#9000f5;animation:fade 1.5s 577ms linear infinite}pre.loading .preloader div:nth-of-type(4){background:#f50419;animation:fade 1.5s 715ms linear infinite}pre.loading .preloader div:nth-of-type(5){background:#f57900;animation:fade 1.5s 853ms linear infinite}pre.loading .preloader div:nth-of-type(6){background:#f5e600;animation:fade 1.5s 992ms linear infinite}pre.loading .preloader div:nth-of-type(7){background:#00f50c;animation:fade 1.5s 1130ms linear infinite}pre .preloader{position:absolute;top:12px;left:10px}pre .preloader div{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:4px;opacity:0;animation-play-state:paused;animation-fill-mode:forwards}pre{background-color:#000;word-wrap:break-word;margin:0px;padding:10px;color:#fff;font-size:14px;margin-bottom:20px}pre,code{font-family:'Monaco', 'Menlo', courier, monospace}pre{background:#22282A;color:#F1F2F3}pre .comment{color:#66747B}pre .constant{color:#EC7600}pre .storage{color:#EC7600}pre .string,pre .comment.docstring{color:#EC7600}pre .string.regexp,pre .support.tag.script,pre .support.tag.style{color:#fff}pre .keyword,pre .selector{color:#93C763}pre .inherited-class{font-style:italic}pre .entity{color:#93C763}pre .integer{color:#FFCD22}pre .variable.global,pre .variable.class,pre .variable.instance{color:#CCC}pre .preprocessor{color:#66747B}pre .support,*[data-language="csharp"] .function.call{color:#FACD22}*/



</style>
</body>
</html>